<template>
	<view class="schedule-label" :class="{
		'type-special': props.type === 'special',
		'type-daily': props.type === 'daily'
	}">
		<view class="text-white middle-text mb-1 text-ellipsis-1">
			{{ props.title }}
		</view>
		<view class="text-white small-text mb-1 text-ellipsis-1">
			{{ props.content }}
		</view>
	</view>
</template>

<script setup lang="ts">

const props = defineProps({
	title: {
		type: String,
		default: ""
	},
	content: {
		type: String,
		default: ""
	},
	type: {
		type: String,
		default: ""
	}
})


	
</script>

<style lang="stylus" scoped>
.schedule-label	
	// background-color #fff
	// border-radius: 12rpx
	padding: 28rpx
	
// .type-special
// 	border-left: 12rpx solid #f43435
// .type-daily
// 	border-left: 12rpx solid #3974df
</style>